{{ if and .Params.support .Params.support.level }}
{{- $style := .Params.callout | default "caution" }}
{{- $title := .Params.title | default "Guide Support Level" }}
<div class="callout callout-{{ $style }} d-flex flex-row mt-4 mb-4 pt-4 pe-4 pb-2 ps-3">
  {{ if eq $style "danger" }}
  <svg class="alert-octagon svg-inline callout-icon me-2 mb-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12.802 2.165l5.575 2.389c.48.206.863.589 1.07 1.07l2.388 5.574c.22.512.22 1.092.0 1.604l-2.389 5.575c-.206.48-.589.863-1.07 1.07l-5.574 2.388c-.512.22-1.092.22-1.604.0l-5.575-2.389a2.036 2.036.0 01-1.07-1.07l-2.388-5.574a2.036 2.036.0 010-1.604l2.389-5.575c.206-.48.589-.863 1.07-1.07l5.574-2.388a2.036 2.036.0 011.604.0z"></path><path d="M12 8v4"></path><path d="M12 16h.01"></path></svg>
  {{ else if eq $style "caution" }}
  <svg class="outline/alert-triangle svg-inline callout-icon me-2 mb-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 9v4"></path><path d="M10.363 3.591 2.257 17.125a1.914 1.914.0 001.636 2.871h16.214a1.914 1.914.0 001.636-2.87L13.637 3.59a1.914 1.914.0 00-3.274.0z"></path><path d="M12 16h.01"></path></svg>
  {{ else if eq $style "tip" }}
  <svg class="outline/rocket svg-inline callout-icon me-2 mb-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 13a8 8 0 017 7 6 6 0 003-5 9 9 0 006-8 3 3 0 00-3-3 9 9 0 00-8 6 6 6 0 00-5 3"></path><path d="M7 14a6 6 0 00-3 6 6 6 0 006-3"></path><path d="M15 9m-1 0a1 1 0 102 0 1 1 0 10-2 0"></path></svg>
  {{ else if eq $style "note" }}
  <svg class="outline/info-circle svg-inline callout-icon me-2 mb-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 12a9 9 0 1018 0A9 9 0 003 12"></path><path d="M12 9h.01"></path><path d="M11 12h1v4h1"></path></svg>
  {{ end -}}
  <div class="callout-content">
    <div class="callout-title">
      <p>{{ $title }}</p>
    </div>
    <div class="callout-body">
      {{ if .Params.support.integration }}
      {{ partial "authelia/support-integration" . -}}
      {{ else }}
      {{ partial "authelia/support-general" . -}}
      {{ end -}}
      {{ if .Params.support.integration }}
      {{ if .Params.support.versions }}
      <p><i><b>Important Note:</b> This documentation is version specific. Make sure you check the section outlining the tested versions.</i></p>
      {{ end -}}
      <p><i><b>Important Note:</b> We always recommend users read the third-party documentation as part of the integration process to ensure configuration elements matches their needs. As such the <a href="#see-also">See Also</a> section is likely to have important links.</i></p>
      {{ end -}}
      <p><i><b>Important Note:</b> If you find an error in this documentation please make a <a class="link-danger" href="https://github.com/authelia/authelia/pulls">Pull Request</a>, start a <a class="link-danger" href="https://github.com/authelia/authelia/discussions">Discussion</a>, or contact us on a <a class="link-danger" href="https://www.authelia.com/contact/#chat">Chat Room</a>.</i></p>
    </div>
  </div>
</div>
{{ end -}}
